<template>
  <span class="iconfont" :class="props.prefix + props.name" v-if="props.name.split('-')[0] === 'epic' || props.name.split('-')[0] === 'icon' " />
  <svg-icon style="margin-right: 5px" :icon="props.name" v-else />
</template>
<script lang="ts" setup>
defineOptions({
  name: 'EIcon'
})
const props = withDefaults(defineProps<{
  name: string;
  prefix?: string;
}>(), {
  prefix: 'epic-'
})

</script>
